{{extend defaultLayout}} {{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{_res_path}}template/douyin/css/userlist.css" />
{{/block}} {{block 'main'}}

<ul class="user-list">
  {{each renderOpt val index}}
  <li class="user-item" data-index="{{index}}">
    <img src="{{val.avatar_img}}" alt="用户头像" class="user-avatar">
    <div class="user-info">
      <div class="user-details">
        <span class="user-name">{{val.username}}</span>
        <div class="user-stats">
          <span>抖音号: {{val.short_id}}</span>
          <span>粉丝: {{val.fans}}</span>
          <span>获赞: {{val.total_favorited}}</span>
          <span>关注: {{val.following_count}}</span>
        </div>
      </div>
    </div>
  </li>
  <div style="height: 40px;"></div>
  {{/each}}
</ul>

{{/block}}
